<html>
 <head>
    <title>[var.TITLE]</title>
    <link href="[var.ROOT_CSS_DIR]/main.css" rel="STYLESHEET" type="text/css" charset="iso-8859-1" hreflang="en-us">
    <link href="[var.ROOT_CSS_DIR]/facet/style.css" rel="STYLESHEET" type="text/css" charset="iso-8859-1" hreflang="en-us">
    <script type="text/javascript" src="[var.ROOT_DIR]js/common.js"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/doiMenuDOM.js"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/functions.js"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsmenu.php"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsmenu.cfg"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsformgrid.php?session=[var.SessionVar]"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsmasks.js"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsverify.php?session=[var.SessionVar]"></script>
    <script type="text/javascript" src="[var.ROOT_DIR]js/jsinit.php?session=[var.SessionVar]"></script>
 </head>
 <body bgcolor="FFFFFF" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
    <table border="0" cellspacing="0" cellpadding="0" width="100%" align="[var.POSITION]">
        <tr>
            <td>[tbs_include.onshow;file=[var.HTMLHeader];getob;]</td>
        </tr>
        <tr>
            <td>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                    <td class="mainmenu2"><img src="images/spacer.gif" height="1" width="1"></td>
                </tr>
                <tr>
                    <td background="[var.ROOT_IMG_DIR]/back-menu.gif">
                    <table border="0" cellspacing="0" cellpadding="0" width="100%">
                        <tr>
                            <td>
                            <script language="JavaScript" type="text/JavaScript">menu.Build();</script>
                          </td>
                          <td class="head-login">Login as [var.USERPROFILE_NAME]</td>
                        </tr>
                      </table>
                    </td>
                </tr>
                <tr>
                    <td class="mainmenu2"><img src="images/spacer.gif" height="1" width="1"></td>
                </tr>
            </table>
            </td>
        </tr>
        <tr height="100%">
            <td>
            <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
                <tr valign="top">
                    <td width="100%">
                        <table border="0" cellspacing="0" cellpadding="0" width="100%">
                            <tr>
                                <td class="head-path"></td>
                                <td class="corner-date">[var.CORNER_DATE]</td>
                            </tr>
                        </table>
                        <table border="0" cellspacing="0" cellpadding="5" width="100%">
                            <tr>
                                <td class="FacetHeaderContent" >.:[var.SubHeaderTitle]:.</td>
                            </tr>
                        </table>

                        <table border="0" cellspacing="0" cellpadding="5" width="100%">
                            <tr>
                                <td class="contentTitle">
                                Menu
                                </td>
                            </tr>
                            <tr>
                                <td class="content2">
                                <table cellspacing="2" cellpadding="0">
                                 <tr>
                                   <td>
                                    <input type="button" name="Action" value="<<Back" class="button" onClick="self.location.replace('[sys.script_name]')">
                                   </td>
                                   <td>
                                   <input type="button" name="Action" value="Done" class="button" onClick="self.location.replace('[var.SERVER_URL]')">
                                   </td>
                                 </tr>
                                </table>
                                </td>
                            </tr>
                            <tr>
                                <td class="content2">
                        <!-- FORM SECTION -->
                        <table border="0" cellspacing="0" cellpadding="0" width="100%">
                        <form method="post" action="[var.FormAction]" name="[var.HTMLFormName]" ONSUBMIT="if (this.submitted) return true; else return false;">
                        <input type="hidden" name="storage" value="">
                              <tr>
                                <td class="fieldCaption" align="right">ID No.</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                <input type="text" name="[headbln.nobkt]" value="[tbs_check;if [var.FormMode]=Edit;then [headblv.nobkt] ;else 'AUTO NUMBERED BY SYSTEM']" maxlength="255" size="25" class="input" onkeyup="this.value=this.value.toUpperCase()" class="input" readonly>
                                </td>

                                <td class="fieldCaption" align="right">Debtur</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                <select name="receivedList" class="input" onchange="GetReceived(this.value);">
                                    <option value="" selected>Select Value</option>
                                    <option value="1">Customer</option>
                                    <option value="2">Staff</option>
                                    <option value="3">Vendor</option>
                                    <option value="4">Other</option>
                                </select>
                                <input type="text" name="[headbln.debnam]" value="[headblv.debnam]" maxlength="255" size="25" class="input">
                                <input type="hidden" name="[headbln.debtur]" value="[headblv.debtur]">
                                </td>
                              </tr>

                              <tr>
                                <td class="fieldCaption" align="right">Transaction Date</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                <input type="text" name="[headbln.tglbkt]" value="[tbs_check;if [var.FormMode]=Edit;then [headblv.tglbkt;frm='dd/mm/yyyy']; else [sys.now;frm='dd/mm/yyyy']]" maxlength="255" size="10" class="input" onchange="CheckPeriod()">
                                </td>

                                <td class="fieldCaption" align="right">Activity Code</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                <select name="[headbln.kdact]" class="input">
                                  <option value="">-</option>
                                  <option value="[actblk.kdact]">[actblk.kdact]-[actblk.actname;block=option]</option>
                                  <option>[headblv.kdact;selected;noerr]</option>
                                </select>
                                </td>
                              </tr>

                              <tr>
                                <td class="fieldCaption" align="right">Currency</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                <select name="[headbln.curr]" class="input" onchange="GetRate()">
                                  <option value="">-</option>
                                  <option value="[currformblk.tusymbol]">[currformblk.tusymbol;block=option]</option>
                                  <option>[headblv.curr;selected;noerr]</option>
                                </select>
                                </td>

                                <td class="fieldCaption" align="right"></td>
                                <td class="fieldCaption" width="2"></td>
                                <td class="fieldCaption">
                                </td>
                              </tr>

                              <tr>
                                <td class="fieldCaption" align="right">Currency Rate</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                    <input type="text" name="[headbln.rate]" value="[headblv.rate;frm='0,000.00']" maxlength="255" size="10" class="inputNumber" readonly>
                                </td>

                                <td class="fieldCaption" align="right">Adjustment</td>
                                <td class="fieldCaption" width="2">:</td>
                                <td class="fieldCaption">
                                    <select name="adjustment" class="input" onchange="GetAging(this.value)">
                                  <option value="">-</option>
                                  <option value="AR">Account Receivable</option>
                                  <option value="AP">Account Payable</option>
                                </select>
                                </td>
                              </tr>

                              <tr>
                               <td class="fieldCaption" align="right"></td>
                               <td class="fieldCaption" width="2"></td>
                               <td class="fieldCaption">
                               </td>
                               <td class="fieldCaption" align="right"></td>
                               <td class="fieldCaption" width="2"></td>
                               <td class="fieldCaption">
                               </td>
                              </tr>

                         </table>
                         <!-- FORM SECTION -->
                                </td>
                            </tr>
                        </table>
                        <hr size="1" color="DFDFDF">
                        <div id="spanHeader" style="height: 25px; vertical-align: top; overflow-y: noscroll;">
                        <table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
                        <input type=hidden name="NewData" value="[var.NewDataStart]">
                            <tr>
                                <td nowrap class="FacetColumnTD" align="center" width="15">No.</td>
                                <td nowrap class="FacetColumnTD" align="center" width="80">Description.</td>
                                <td nowrap class="FacetColumnTD" align="center" width="50">Amount</td>
                                <td nowrap class="FacetColumnTD" align="center" width="50">COA</td>
                                <td nowrap class="FacetColumnTD" align="center" width="20">D/K</td>
                                <td nowrap class="FacetColumnTD" align="center" width="50">Order</td>
                                <td nowrap class="FacetColumnTD" align="center" width="50">Ref</td>

                            </tr>
                        </table>
                        </div>

                        <div id="spanDetail" style="height: 200px; vertical-align: top; overflow: auto;">
                        <table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
                            <input type=hidden name="NewData" value="[var.NewDataStart]">
                            <tr id="[blg.#]" style="display:[blg._display;noerr]">
                                <td nowrap class="FacetDataTD" align="right" width="30" align="right">
                                [blg.#;block=tr].
                                <input type="hidden" name="urut[blg.#]" value="[blg.#]" maxlength="255" size="15" class="input">
                                <input type="hidden" name="memorial_id[blg.#]" value="[blg.memorial_id]" maxlength="255" size="15" class="input">
                                </td>
                                <td nowrap class="FacetDataTD"  width="180" align="center">
                                <input type="text" name="uraian[blg.#]" value="[blg.uraian]" maxlength="255" size="30" class="input" onchange="this.value=this.value.toUpperCase()">
                                </td>
                                <td nowrap class="FacetDataTD" width="100" align="center">
                                <input type="text" name="jumlah[blg.#]" value="[blg.jumlah;frm='0,000.00']" maxlength="255" size="10" class="inputnumber">
                                </td>
                                <td class="FacetDataTD" width="110" align="center">
                                <input type="text" name="skada[blg.#]" value="[blg.skada]" maxlength="255" size="10" class="input" onclick="openSkada([blg.#])">
                                </td>
                                <td class="FacetDataTD" align="center" width="20">
                                    <select name="dk[blg.#]" class="input" onchange="GetTotal ()">
                                      <option value="">-</option>
                                      <option value="D">D</option>
                                      <option value="K">K</option>
                                      <option>[blg.dk;selected;noerr]</option>
                                    </select>
                                </td>
                                <td class="FacetDataTD" width="110" align="center">
                                <input type="text" name="noorder[blg.#]" value="[blg.noorder]" maxlength="255" size="15" class="input" onkeyup="this.value=this.value.toUpperCase()">
                                </td>
                                <td class="FacetDataTD" width="100" align="center">
                                <input type="text" name="noref[blg.#]" value="[blg.noref]" maxlength="255" size="15" class="input" onblur="this.value=this.value.toUpperCase()">
                                </td>

                            </tr>
                        </table>
                        </div>

                        <div id="spanDetail999" style="height: 25px; vertical-align: top; overflow: noscroll">
                        <table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
                            <tr id="999" style="display:[blg._display;noerr]">
                                <td nowrap class="FacetDataTD" align="right" width="30" align="right">
                                999.
                                </td>
                                <td nowrap class="FacetDataTD"  width="150" align="center">
                                <input type="text" name="uraian999" value="[blg9.uraian]" maxlength="255" size="30" class="input" onkeyup="this.value=this.value.toUpperCase()">
                                </td>
                                <td nowrap class="FacetDataTD" width="90" align="center">
                                <input type="text" name="total_trans" value="[blg9.jumlah]" maxlength="255" size="15" class="inputNumber">
                                </td>
                                <td class="FacetDataTD" width="85" align="center">
                                <input type="text" name="skada999" value="[blg9.skada]" maxlength="255" size="10" class="input" onclick="openSkada(999)">
                                </td>
                                <td class="FacetDataTD" align="center" width="20">
                                    <select name="dk999" class="input" >
                                      <option value="">-</option>
                                      <option value="D">D</option>
                                      <option value="K">K</option>
                                    </select>
                                </td>
                                <td class="FacetDataTD" width="90" align="center">
                                <input type="text" name="noorder999" value="[blg9.noorder]" maxlength="255" size="15" class="input" onkeyup="this.value=this.value.toUpperCase()">
                                </td>
                                <td class="FacetDataTD" width="90" align="center">
                                <input type="text" name="noref999" value="[blg9.noref]" maxlength="255" size="15" class="input" onchange="this.value=this.value.toUpperCase()">
                                </td>

                            </tr>
                        </table>
                        </div>

                        <div id="spanButton" style="height: 35px; vertical-align: top; overflow-y: noscroll;">
                        <table border="0" width="100%" cellpadding="3" cellspacing="1" class="FacetFormTABLE" align="left">
                            <tr>
                                <td align="right" class="FacetColumnTD">
                                <table border="0" cellspacing="2" cellpadding="0">
                                    <tr>
                                        <td>[tbs_check;block=td;if [var.USER_CANINSERT]=1]
                                        <input name="FormAction" type="submit" value="Next Line" class="button" onclick="return AddFormGrid(this,'[var.HTMLFormName].uraian')">
                                        </td>
                                        <td>[tbs_check;block=td;if [var.USER_CANINSERT]=1][tbs_check;block=td;if [var.USER_CANUPDATE]=1]
                                        <input name="FormAction" type="submit" value="Save" class="button" ONCLICK="if (VerifyForm(this.form)) {this.form.submitted = true; return true;}">
                                        </td>
                                        <td>[tbs_check;block=td;if [var.USER_CANDELETE]=1]
                                        <input type="button" name="Action" value="Delete" class="button" onClick="if (confirm('Are you sure want to delete ?')) {[var.HTMLFormName].action='[sys.script_name]?FormAction=Delete&[var.PRIMARY_KEY]=[var.PRIMARY_VALUE]&PageMode=Form&form=[var.HTMLFormName]';[var.HTMLFormName].submit();}">
                                        </td>
                                        <td>
                                        <input name="FormAction" type="submit" value="Cancel" class="button">
                                        </td>
                                    </tr>
                                </table>
                                </td>
                                </td>
                            </tr>
                            </form>
                        </table>
                        </div>
                    </td>
                </tr>
            </table>
            </td>
        </tr>
        <tr>
            <td>
            <br>
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                    <td class="footer1"><img src="images/spacer.gif" height="1" width="1"></td>
                </tr>
                <!--tr>
                    <td class="footer2">Prototype Test - Web Application</td>
                </tr-->
            </table>
            </td>
        </tr>
    </table>
 </body>
 <script>

 [var.InitFunction]

 GetTotal ();

 function StorageBuffer(Buffer) {
    document.[var.HTMLFormName].storage.value = Buffer;

 }

 function GetAging (val) {
    debtur = document.[var.HTMLFormName].debtur.value;
    agingDate = document.[var.HTMLFormName].tglbkt.value;
    curr = document.[var.HTMLFormName].curr.value;
    parameterize = "";
    if (val.length && debtur.length && agingDate.length) {
      parameterize += "&debtur="+debtur;
      parameterize += "&transDate="+agingDate;
      parameterize += "&curr="+curr;
      newwin = window.open("ais_transaction_manex.php?PageMode="+val+parameterize,"agingadjust","height=400,width=640,noscroll,resizable");
    }
 }

 function GetTotal () {
    document.[var.HTMLFormName].total_trans.value = SumTotal("jumlah");
 }

 function GetReceived(val) {
     switch (val){
        case "1":
            newwin = window.open("ais_transaction_custlist.php?FormName=[var.HTMLFormName]&SendToBack=1","toolcalc","height=400,width=640,noscroll,resizable");
            break;
        case "2":
            newwin = window.open("ais_transaction_stafflist.php?FormName=[var.HTMLFormName]&SendToBack=1","toolcalc","height=400,width=640,noscroll,resizable");
            break;
        case "3":
            document.[var.HTMLFormName].[headbln.debnam].blur();
            newwin = window.open("ais_transaction_vendorlist.php?FormName=[var.HTMLFormName]&SendToBack=1","toolcalc","height=400,width=640,noscroll,resizable");
            break;
        case "4":
            document.[var.HTMLFormName].[headbln.debnam].blur();
            newwin = window.open("ais_transaction_otherlist.php?FormName=[var.HTMLFormName]&SendToBack=1","toolcalc","height=400,width=640,noscroll,resizable");
            break;
     }
 }

function OpenCalc(formname, desc, total, act, qty, tarif) {
    newwin = window.open("ais_transaction_calc.php?PageMode=Form&desc="+desc+"&total="+total+"&act="+act+"&qty="+qty+"&tarif="+tarif+"&formname="+formname,"toolcalc","height=10,width=450,noscroll,resizable")
}

 function OpenPrincipal (number) {
    newwin = window.open("ais_transaction_receipt_entry.php?PageMode=Page2&FormName=[var.HTMLFormName]&Number="+number,"vessel","height=105,width=300,noscroll,noresizable");
 }

 function GetRate() {
     tgl_curr = document.[var.HTMLFormName].tglbkt.value;
     if (tgl_curr.length) LoadRPC ("iLoader", "[var.FileName]", "curr="+document.[var.HTMLFormName].curr.value+"&tglbkt="+tgl_curr);
 }

 function CheckPeriod () {
     ledger = document.[var.HTMLFormName].tglbkt.value;
     if (ledger.length) LoadRPC ("iLoader", "[var.FileName]", "ledger="+ledger+"&trsto=tglbkt");
 }

 function GetSkada() {
     skada1 = document.[var.HTMLFormName].thbl.value;
     if (skada1.length) LoadRPC ("iLoader", "[var.FileName]", "thbl="+document.[var.HTMLFormName].thbl.value);
 }

  function SumTotal (component) {
     oMask = new Mask('#,###.#0', 'number');
     var comp_str = "document.[var.HTMLFormName]."+component;

     var TotalComponent = [var.MaxGrid] + [var.NewDataStart] - 1;
     var sum_all = 0;
     var subtotal = 0;
     var js_str = "";

     for (x=1;x<=TotalComponent;x++) {
               js_str = "subtotal = "+comp_str+x+".value;\n";
               js_dk  = "dk_val = "+"document.[var.HTMLFormName]."+"dk"+x+".value;\n";
               eval (js_str+js_dk);

               if (subtotal.length) subtotal = StrToNumber(subtotal);
               else subtotal = 0;
               if (dk_val=="D") sum_all = sum_all + parseFloat(subtotal);
               else if (dk_val=="K") sum_all = sum_all - parseFloat(subtotal);
     }
     if (sum_all<0) {
        sum_all  = sum_all * -1;
        document.[var.HTMLFormName].dk999.value="D";
     } else document.[var.HTMLFormName].dk999.value="K";
     return oMask.format(sum_all);
 }

 function openSkada(idx) {
    tglbkt = document.[var.HTMLFormName].tglbkt.value;
    newwin = window.open("ais_transaction_coapicker.php?idx="+idx+"&FormName=[var.HTMLFormName]"+"&Field=skada"+idx+"&BMode=MEM"+"&period="+tglbkt,"skadasearch","height=400,width=640,noscroll,noresizable");
 }

 </script>
</html>
